<template>
	<view class="beijing1">
		<view class="" style="position: fixed; top: 0">
			<image src="/static/beitu.png" mode="" style="width: 100vw; height: 100vh"></image>
		</view>
		<view class="" style="position: fixed; bottom: 0; right: 0">
			<image src="/static/zhang.png" mode="" style="width: 374rpx; height: 640rpx"></image>
		</view>
		<!-- <u-modal :show="show55" @cancel="show55 = false" @confirm="confirm55" showCancelButton cancelText="取消" confirmText="确定">
			<view class="" style="width: 100%">
				<view class="center" style="font-weight: bold">提示</view>
				<view class="center" style="margin-top: 50rpx">您确定切换时间吗？确定后将清空购物车</view>
			</view>
		</u-modal> -->
		<view class="" style="position: fixed; top: 0; left: 0; width: 25rpx; height: 100vh; background: #8c1608"></view>
		<view class="" style="position: fixed; top: 0; right: 0; width: 25rpx; height: 100vh; background: #8c1608"></view>
		<u-navbar :placeholder="true" title="个人信息" @rightClick="rightClick" :autoBack="true" bg-color="transparent"></u-navbar>
		<view class="center" style="position: relative">
			<view class="flex" style="width: 350rpx; height: 60rpx; border-radius: 30rpx; overflow: hidden">
				<view class="center wei" :class="{ xvan: current == 0 }" style="" @click="current = 0">二楼</view>
				<view class="center wei" :class="{ xvan: current == 1 }" @click="current = 1">三楼</view>
			</view>
		</view>
		<view class="" v-if="current == 0">
			<view class="" id="ggo" style="margin-left: 12px; margin-top: 48rpx">
				<movable-area :style="{ width: `${width}rpx`, height: `${width}rpx` }" style="overflow: hidden">
					<movable-view :style="{ width: `${width}rpx`, height: `${width}rpx` }" direction="all" scale>
						<view style="position: relative; transform: rotate(-5deg)" :style="{ width: `${width}rpx`, height: `${width}rpx` }">
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(-15deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle VC13" :style="[getRectangleStyle(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC15')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC15')"
												@click="qvxvan('VC15')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC15')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC16')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC16')"
												@click="qvxvan('VC16')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC16')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC17')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC17')"
												@click="qvxvan('VC17')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC17')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC18')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC18')"
												@click="qvxvan('VC18')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC18')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(4)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC19')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC19')"
												@click="qvxvan('VC19')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC19')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(5)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC20')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC20')"
												@click="qvxvan('VC20')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC20')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container b" style="transform: rotate(27deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC21')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC21')"
												@click="qvxvan('VC21')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC21')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC22')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC22')"
												@click="qvxvan('VC22')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC22')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC23')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC23')"
												@click="qvxvan('VC23')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC23')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC25')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC25')"
												@click="qvxvan('VC25')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC25')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(4)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC26')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC26')"
												@click="qvxvan('VC26')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC26')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(5)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC27')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC27')"
												@click="qvxvan('VC27')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC27')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container c" style="transform: rotate(70deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC28')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC28')"
												@click="qvxvan('VC28')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC28')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC29')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC29')"
												@click="qvxvan('VC29')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC29')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC30')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC30')"
												@click="qvxvan('VC30')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC30')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC31')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC31')"
												@click="qvxvan('VC31')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC31')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(4)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC32')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC32')"
												@click="qvxvan('VC32')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC32')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(5)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC33')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC33')"
												@click="qvxvan('VC33')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC33')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container d" style="transform: rotate(115deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC35')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC35')"
												@click="qvxvan('VC35')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC35')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC36')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC36')"
												@click="qvxvan('VC36')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC36')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC37')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC37')"
												@click="qvxvan('VC37')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC37')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC38')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC38')"
												@click="qvxvan('VC38')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC38')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(4)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC39')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC39')"
												@click="qvxvan('VC39')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC39')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(5)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC50')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC50')"
												@click="qvxvan('VC50')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC50')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container e" style="transform: rotate(160deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC51')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC51')"
												@click="qvxvan('VC51')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC51')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC52')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC52')"
												@click="qvxvan('VC52')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC52')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC53')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC53')"
												@click="qvxvan('VC53')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC53')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC55')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC55')"
												@click="qvxvan('VC55')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC55')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(4)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC56')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC56')"
												@click="qvxvan('VC56')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC56')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(5)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC57')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC57')"
												@click="qvxvan('VC57')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC57')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container f" style="transform: rotate(205deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC58')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC58')"
												@click="qvxvan('VC58')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC58')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC59')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC59')"
												@click="qvxvan('VC59')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC59')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC60')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC60')"
												@click="qvxvan('VC60')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC60')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC61')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC61')"
												@click="qvxvan('VC61')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC61')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(4)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC62')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC62')"
												@click="qvxvan('VC62')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC62')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(5)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC63')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC63')"
												@click="qvxvan('VC63')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC63')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container g" style="transform: rotate(255deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC01')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC01')"
												@click="qvxvan('VC01')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC01')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC02')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC02')"
												@click="qvxvan('VC02')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC02')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC03')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC03')"
												@click="qvxvan('VC03')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC03')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC05')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC05')"
												@click="qvxvan('VC05')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC05')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(4)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC06')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC06')"
												@click="qvxvan('VC06')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC06')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(5)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC07')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC07')"
												@click="qvxvan('VC07')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC07')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container h" style="transform: rotate(301deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC08')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC08')"
												@click="qvxvan('VC08')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC08')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC09')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC09')"
												@click="qvxvan('VC09')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC09')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC10')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC10')"
												@click="qvxvan('VC10')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC10')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC11')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC11')"
												@click="qvxvan('VC10')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC11')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(4)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC12')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC12')"
												@click="qvxvan('VC12')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC12')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle(5)]" :id="index">
										<view class="" v-if="yiyv1.includes('VC13')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VC13')"
												@click="qvxvan('VC13')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VC13')"
												src="/pagesA/static/xvanwai01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="y center" style="pointer-events: none" :style="{ width: `${width}rpx`, height: `${width}rpx` }"></view>
							<view class="y center" style="pointer-events: none" :style="{ width: `${width - 96}rpx`, height: `${width - 96}rpx` }"></view>
							<view class="y center" style="pointer-events: none" :style="{ width: `${width - 120}rpx`, height: `${width - 120}rpx` }"></view>
							<view class="y center" style="pointer-events: none" :style="{ width: `${width - 140}rpx`, height: `${width - 140}rpx` }"></view>
							<view class="y center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(-13deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle1(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB10')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB10')"
												@click="qvxvan('VB10')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB10')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB11')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB11')"
												@click="qvxvan('VB11')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB11')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB12')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB12')"
												@click="qvxvan('VB12')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB12')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB13')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB13')"
												@click="qvxvan('VB13')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB13')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(44deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle1(-2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB15')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
													v-if="xvanze1.includes('VB15')"
													@click="qvxvan('VB15')"
													src="/pagesA/static/xvanze02.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
													v-else
													@click="xvanz1('VB15')"
													src="/pagesA/static/xvanzhong01.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(-1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB16')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
													v-if="xvanze1.includes('VB16')"
													@click="qvxvan('VB16')"
													src="/pagesA/static/xvanze02.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
													v-else
													@click="xvanz1('VB16')"
													src="/pagesA/static/xvanzhong01.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB17')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB17')"
												@click="qvxvan('VB17')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB17')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB18')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB18')"
												@click="qvxvan('VB18')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB18')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(72deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle1(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB19')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB19')"
												@click="qvxvan('VB19')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB19')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB20')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB20')"
												@click="qvxvan('VB20')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB20')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB21')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB21')"
												@click="qvxvan('VB21')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB21')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB22')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB22')"
												@click="qvxvan('VB22')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB22')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(135deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle1(-2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB23')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
													v-if="xvanze1.includes('VB23')"
													@click="qvxvan('VB23')"
													src="/pagesA/static/xvanze02.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
													v-else
													@click="xvanz1('VB23')"
													src="/pagesA/static/xvanzhong01.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(-1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB25')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
													v-if="xvanze1.includes('VB25')"
													@click="qvxvan('VB25')"
													src="/pagesA/static/xvanze02.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
													v-else
													@click="xvanz1('VB25')"
													src="/pagesA/static/xvanzhong01.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB26')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB26')"
												@click="qvxvan('VB26')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB26')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB27')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB27')"
												@click="qvxvan('VB27')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB27')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(165deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle1(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB28')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB28')"
												@click="qvxvan('VB28')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB28')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB29')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB29')"
												@click="qvxvan('VB29')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB29')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB30')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB30')"
												@click="qvxvan('VB30')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB30')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB31')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB31')"
												@click="qvxvan('VB31')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB31')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(226deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle1(-2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB32')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
													v-if="xvanze1.includes('VB32')"
													@click="qvxvan('VB32')"
													src="/pagesA/static/xvanze02.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
													v-else
													@click="xvanz1('VB32')"
													src="/pagesA/static/xvanzhong01.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(-1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB33')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
													v-if="xvanze1.includes('VB33')"
													@click="qvxvan('VB33')"
													src="/pagesA/static/xvanze02.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
													v-else
													@click="xvanz1('VB33')"
													src="/pagesA/static/xvanzhong01.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB35')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB35')"
												@click="qvxvan('VB35')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB35')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB36')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB36')"
												@click="qvxvan('VB36')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB36')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(257deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle1(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB01')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB01')"
												@click="qvxvan('VB01')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB01')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB02')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB02')"
												@click="qvxvan('VB02')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB02')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB03')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB03')"
												@click="qvxvan('VB03')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB03')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(3)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB05')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB05')"
												@click="qvxvan('VB05')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB05')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(319deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle1(-2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB06')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
													v-if="xvanze1.includes('VB06')"
													@click="qvxvan('VB06')"
													src="/pagesA/static/xvanze02.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
													v-else
													@click="xvanz1('VB06')"
													src="/pagesA/static/xvanzhong01.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(-1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB07')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
													v-if="xvanze1.includes('VB07')"
													@click="qvxvan('VB07')"
													src="/pagesA/static/xvanze02.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
													v-else
													@click="xvanz1('VB07')"
													src="/pagesA/static/xvanzhong01.png"
													mode=""
													:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB08')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB08')"
												@click="qvxvan('VB08')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB08')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle1(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VB09')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VB09')"
												@click="qvxvan('VB09')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VB09')"
												src="/pagesA/static/xvanzhong01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="y center" style="pointer-events: none" :style="{ width: `${width - 240}rpx`, height: `${width - 240}rpx` }"></view>
							<view class="y center" style="pointer-events: none" :style="{ width: `${width - 260}rpx`, height: `${width - 260}rpx` }"></view>
							<view class="y center" style="pointer-events: none" :style="{ width: `${width - 280}rpx`, height: `${width - 280}rpx` }"></view>
							<view class="y center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(-14deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle2(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA08')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA08')"
												@click="qvxvan('VA08')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA08')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA09')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA09')"
												@click="qvxvan('VA09')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA09')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA10')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA10')"
												@click="qvxvan('VA10')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA10')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(27deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle2(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA11')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA11')"
												@click="qvxvan('VA11')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA11')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA12')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA12')"
												@click="qvxvan('VA12')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA12')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA13')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA13')"
												@click="qvxvan('VA13')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA13')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(70deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle2(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA15')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA15')"
												@click="qvxvan('VA15')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA15')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA16')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA16')"
												@click="qvxvan('VA16')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA16')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA17')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA17')"
												@click="qvxvan('VA17')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA17')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(120deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle2(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA18')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA18')"
												@click="qvxvan('VA18')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA18')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA19')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA19')"
												@click="qvxvan('VA19')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA19')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA20')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA20')"
												@click="qvxvan('VA20')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA20')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(165deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle2(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA21')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA21')"
												@click="qvxvan('VA21')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA21')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA22')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA22')"
												@click="qvxvan('VA22')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA22')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA23')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA23')"
												@click="qvxvan('VA23')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA23')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(210deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle2(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA25')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA25')"
												@click="qvxvan('VA25')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA25')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA26')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA26')"
												@click="qvxvan('VA26')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA26')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA27')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA27')"
												@click="qvxvan('VA27')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA27')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(256deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle2(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA01')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA01')"
												@click="qvxvan('VA01')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA01')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA02')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA02')"
												@click="qvxvan('VA02')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA02')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA03')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA03')"
												@click="qvxvan('VA03')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA03')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="yuan center" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
								<view class="circle-container a" style="transform: rotate(303deg)" :style="{ width: `${1}rpx`, height: `${1}rpx` }">
									<view class="rectangle" :style="[getRectangleStyle2(0)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA05')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA05')"
												@click="qvxvan('VA05')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA05')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(1)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA06')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA06')"
												@click="qvxvan('VA06')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA06')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
									<view class="rectangle" :style="[getRectangleStyle2(2)]" :id="index">
										<view class="" v-if="yiyv1.includes('VA07')">
											<image src="/pagesA/static/xvan01.png" mode="" :style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"></image>
										</view>
										<view class="" v-else>
											<image
												v-if="xvanze1.includes('VA07')"
												@click="qvxvan('VA07')"
												src="/pagesA/static/xvanze02.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
											<image
												v-else
												@click="xvanz1('VA07')"
												src="/pagesA/static/xvannei01.png"
												mode=""
												:style="{ width: `${yuanwidth}rpx`, height: `${yuangao}rpx` }"
											></image>
										</view>
									</view>
								</view>
							</view>
							<view class="y center" :style="{ width: `${width - 380}rpx`, height: `${width - 380}rpx` }"></view>
							<view class="y center" :style="{ width: `${width - 480}rpx`, height: `${width - 480}rpx` }"></view>
							<view class="y center" :style="{ width: `${width - 580}rpx`, height: `${width - 580}rpx` }"></view>
						</view>
					</movable-view>
				</movable-area>
				<view class="" style="margin-top: 30rpx; position: relative; padding: 25rpx">
					<view class="flex1">
						<view class="">
							<view class="" style="font-weight: 400; font-size: 26rpx; color: #222222">未预定</view>
							<view class="flex1" style="margin-top: 27rpx">
								<view class="" style="width: 21rpx; height: 21rpx; border: 3px solid #8c1608"></view>
								<text style="margin-left: 8rpx; font-weight: 400; font-size: 24rpx; color: #8c1608">环形内圈</text>
							</view>
							<view class="flex1" style="margin-top: 27rpx">
								<view class="" style="width: 21rpx; height: 21rpx; border: 3px solid #f4a134"></view>
								<text style="margin-left: 8rpx; font-weight: 400; font-size: 24rpx; color: #f4a134">环形中圈</text>
							</view>
							<view class="flex1" style="margin-top: 27rpx">
								<view class="" style="width: 21rpx; height: 21rpx; border: 3px solid #111618"></view>
								<text style="margin-left: 8rpx; font-weight: 400; font-size: 24rpx; color: #111618">环形外圈</text>
							</view>
						</view>
						<view class="" style="margin-left: 60rpx">
							<view class="" style="font-weight: 400; font-size: 26rpx; color: #222222">已预定</view>
							<view class="flex1" style="margin-top: 27rpx">
								<view class="" style="width: 21rpx; height: 21rpx; border: 3px solid #888888;background: #888;"></view>
								<text style="margin-left: 8rpx; font-weight: 400; font-size: 24rpx; color: #888888">环形内中外</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="" style="position: relative" v-if="current == 1">
			<view class="center" style="margin-top: 30rpx">
				<text style="font-weight: 400; font-size: 24rpx; color: #8c1608">包厢</text>
			</view>
			<movable-area :style="{ width: `${width}rpx` }" style="overflow: hidden; height: 800rpx">
				<movable-view :style="{ width: `${width}rpx` }" style="height: 800rpx;position: relative" direction="all" scale>
					<view class="center" style="margin-top: 20rpx" @click="privateBoxClick()">
						<view class="" style="width: 240rpx; height: 58rpx">
							<view class="" style="position: relative; width: 240rpx; height: 58rpx">
								<image src="/pagesA/static/huabian.png" mode="" style="width: 240rpx; height: 58rpx"></image>
								<view class="center" style="position: absolute; width: 240rpx; height: 58rpx; top: 0">
									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>

									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" @click="privateBoxClick('VVIP')" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" mode="" style="width: 14rpx; height: 20rpx; padding: 0 2rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx; padding: 0 2rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx; padding: 0 2rpx"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" mode="" style="width: 14rpx; height: 20rpx; padding: 0 2rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx; padding: 0 2rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx; padding: 0 2rpx"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" mode="" style="width: 14rpx; height: 20rpx; padding: 0 2rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx; padding: 0 2rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx; padding: 0 2rpx"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" mode="" style="width: 14rpx; height: 20rpx; padding: 0 2rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx; padding: 0 2rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx; padding: 0 2rpx"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" mode="" style="width: 14rpx; height: 20rpx; padding: 0 2rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx; padding: 0 2rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx; padding: 0 2rpx"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VVIP')">
										<image src="/pagesA/static/yiyvding2.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VVIP')"
											@click="privateBoxClick('VVIP')"
											src="/pagesA/static/baoxv.png"
											mode=""
											style="width: 14rpx; height: 20rpx"
										></image>
										<image v-else @click="privateBoxClick('VVIP')" src="/pagesA/static/baowei.png" mode="" style="width: 14rpx; height: 20rpx"></image>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="center" style="margin-top: 40rpx">
						<view class="flex" style="position: relative;align-items: flex-end">
							<view class="column" style="margin-right: 20rpx;padding-bottom: 96rpx">
								<!--<view class="" v-if="yiyv1.includes('VL70')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL70')"
										@click="qvxvan('VL70')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL70')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL69')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL69')"
										@click="qvxvan('VL69')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL69')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL68')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx; padding: 2px 0"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL68')"
										@click="qvxvan('VL68')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx; padding: 2px 0"
									></image>
									<image v-else @click="xvanz1('VL68')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx; padding: 2px 0"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL67')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL67')"
										@click="qvxvan('VL67')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL67')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL66')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL66')"
										@click="qvxvan('VL66')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL66')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL65')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx; padding: 2px 0"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL65')"
										@click="qvxvan('VL65')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx; padding: 2px 0"
									></image>
									<image v-else @click="xvanz1('VL65')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx; padding: 2px 0"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL63')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL63')"
										@click="qvxvan('VL63')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL63')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL62')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL62')"
										@click="qvxvan('VL62')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL62')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL61')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx; padding: 2px 0"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL61')"
										@click="qvxvan('VL61')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx; padding: 2px 0"
									></image>
									<image v-else @click="xvanz1('VL61')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx; padding: 2px 0"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL60')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL60')"
										@click="qvxvan('VL60')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL60')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>-->
								<view class="" v-if="yiyv1.includes('VL59')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL59')"
										@click="qvxvan('VL59')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL59')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL58')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL58')"
										@click="qvxvan('VL58')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx;"
									></image>
									<image v-else @click="xvanz1('VL58')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL57')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL57')"
										@click="qvxvan('VL57')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL57')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL56')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL56')"
										@click="qvxvan('VL56')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL56')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL55')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL55')"
										@click="qvxvan('VL55')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL55')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL53')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL53')"
										@click="qvxvan('VL53')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL53')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL52')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL52')"
										@click="qvxvan('VL52')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL52')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL51')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL51')"
										@click="qvxvan('VL51')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx;"
									></image>
									<image v-else @click="xvanz1('VL51')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL50')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL50')"
										@click="qvxvan('VL50')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL50')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL39')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL39')"
										@click="qvxvan('VL39')"
										src="/pagesA/static/zuoxvan.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL39')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>

								<view class="" v-if="yiyv1.includes('VL38')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
											v-if="xvanze1.includes('VL38')"
											@click="qvxvan('VL38')"
											src="/pagesA/static/zuoxvan.png"
											mode=""
											style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL38')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL37')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
											v-if="xvanze1.includes('VL37')"
											@click="qvxvan('VL37')"
											src="/pagesA/static/zuoxvan.png"
											mode=""
											style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL37')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL36')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
											v-if="xvanze1.includes('VL36')"
											@click="qvxvan('VL36')"
											src="/pagesA/static/zuoxvan.png"
											mode=""
											style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL36')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;margin-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL35')">
									<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
											v-if="xvanze1.includes('VL35')"
											@click="qvxvan('VL35')"
											src="/pagesA/static/zuoxvan.png"
											mode=""
											style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL35')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="leftBtm">
									<view class="" v-if="yiyv1.includes('VL33')">
										<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: -40rpx;left: 14rpx;transform: rotate(-25deg);"></image>
									</view>
									<view class="" v-else>
										<image
												v-if="xvanze1.includes('VL33')"
												@click="qvxvan('VL33')"
												src="/pagesA/static/zuoxvan.png"
												mode=""
												style="width: 38rpx; height: 28rpx;position: absolute;top: -40rpx;left: 14rpx;transform: rotate(-25deg);"
										></image>
										<image v-else @click="xvanz1('VL33')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: -40rpx;left: 14rpx;transform: rotate(-25deg);"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VL32')">
										<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: -2rpx;right: -80rpx;transform: rotate(-45deg);"></image>
									</view>
									<view class="" v-else>
										<image
												v-if="xvanze1.includes('VL32')"
												@click="qvxvan('VL32')"
												src="/pagesA/static/zuoxvan.png"
												mode=""
												style="width: 38rpx; height: 28rpx;position: absolute;top: -2rpx;right: -80rpx;transform: rotate(-45deg);"
										></image>
										<image v-else @click="xvanz1('VL32')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: -2rpx;right: -80rpx;transform: rotate(-45deg);"></image>
									</view>
									<!--top: 10px;
									left: 43px;-->
									<view class="" v-if="yiyv1.includes('VL31')">
										<image src="/pagesA/static/yiyvding2zuo.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: 20rpx;left: 86rpx;transform: rotate(-75deg);"></image>
									</view>
									<view class="" v-else>
										<image
												v-if="xvanze1.includes('VL31')"
												@click="qvxvan('VL31')"
												src="/pagesA/static/zuoxvan.png"
												mode=""
												style="width: 38rpx; height: 28rpx;position: absolute;top: 20rpx;left: 86rpx;transform: rotate(-75deg);"
										></image>
										<image v-else @click="xvanz1('VL31')" src="/pagesA/static/zuowei.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: 20rpx;left: 86rpx;transform: rotate(-75deg);"></image>
									</view>
								</view>
							</view>
							<image src="/pagesA/static/eryi.png" mode="" style="width: 416rpx; height: 568rpx; border-radius: 30rpx"></image>
							<view class="column" style="margin-left: 20rpx;padding-bottom: 96rpx;">
								<view class="" v-if="yiyv1.includes('VL01')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL01')"
										@click="qvxvan('VL01')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL01')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL02')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL02')"
										@click="qvxvan('VL02')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL02')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL03')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL03')"
										@click="qvxvan('VL03')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx; padding-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL03')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL05')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL05')"
										@click="qvxvan('VL05')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL05')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL06')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL06')"
										@click="qvxvan('VL06')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL06')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL07')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL07')"
										@click="qvxvan('VL07')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx;"
									></image>
									<image v-else @click="xvanz1('VL07')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL08')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL08')"
										@click="qvxvan('VL08')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL08')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL09')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL09')"
										@click="qvxvan('VL09')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL09')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL10')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL10')"
										@click="qvxvan('VL10')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL10')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL11')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL11')"
										@click="qvxvan('VL11')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL11')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL12')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL12')"
										@click="qvxvan('VL12')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL12')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL13')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL13')"
										@click="qvxvan('VL13')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx;"
									></image>
									<image v-else @click="xvanz1('VL13')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL15')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL15')"
										@click="qvxvan('VL15')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"
									></image>
									<image v-else @click="xvanz1('VL15')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;padding-top: 12rpx;"></image>
								</view>
								<view class="" v-if="yiyv1.includes('VL16')">
									<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="" v-else>
									<image
										v-if="xvanze1.includes('VL16')"
										@click="qvxvan('VL16')"
										src="/pagesA/static/youxvan01.png"
										mode=""
										style="width: 38rpx; height: 28rpx"
									></image>
									<image v-else @click="xvanz1('VL16')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx"></image>
								</view>
								<view class="rightBtm">
									<view class="" v-if="yiyv1.includes('VL17')">
										<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: -38rpx;left: -46rpx;transform: rotate(25deg);"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VL17')"
											@click="qvxvan('VL17')"
											src="/pagesA/static/youxvan01.png"
											mode=""
											style="width: 38rpx; height: 28rpx;position: absolute;top: -38rpx;left: -46rpx;transform: rotate(25deg);"
										></image>
										<image v-else @click="xvanz1('VL17')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: -38rpx;left: -46rpx;transform: rotate(25deg);"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VL18')">
										<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: -2rpx;left: -80rpx;transform: rotate(45deg);"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VL18')"
											@click="qvxvan('VL18')"
											src="/pagesA/static/youxvan01.png"
											mode=""
											style="width: 38rpx; height: 28rpx;position: absolute;top: -2rpx;left: -80rpx;transform: rotate(45deg);"
										></image>
										<image v-else @click="xvanz1('VL18')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: -2rpx;left: -80rpx;transform: rotate(45deg);"></image>
									</view>
									<view class="" v-if="yiyv1.includes('VL19')">
										<image src="/pagesA/static/yiyvding2you.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: 18rpx;left: -121rpx;transform: rotate(75deg);"></image>
									</view>
									<view class="" v-else>
										<image
											v-if="xvanze1.includes('VL19')"
											@click="qvxvan('VL19')"
											src="/pagesA/static/youxvan01.png"
											mode=""
											style="width: 38rpx; height: 28rpx;position: absolute;top: 18rpx;left: -121rpx;transform: rotate(75deg);"
										></image>
										<image v-else @click="xvanz1('VL19')" src="/pagesA/static/youwei01.png" mode="" style="width: 38rpx; height: 28rpx;position: absolute;top: 18rpx;left: -121rpx;transform: rotate(75deg);"></image>
									</view>
								</view>

							</view>
						</view>
					</view>
					<view class="center" style="margin-top: 15rpx">
						<!--<view class="" v-if="yiyv1.includes('VL38')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL38')" @click="qvxvan('VL38')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx"></image>
							<image v-else @click="xvanz1('VL38')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL37')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL37')" @click="qvxvan('VL37')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx"></image>
							<image v-else @click="xvanz1('VL37')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL36')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx; padding: 0 2px"></image>
						</view>
						<view class="" v-else>
							<image
								v-if="xvanze1.includes('VL36')"
								@click="qvxvan('VL36')"
								src="/pagesA/static/xiaxvan.png"
								mode=""
								style="width: 28rpx; height: 40rpx; padding: 0 2px"
							></image>
							<image v-else @click="xvanz1('VL36')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx; padding: 0 2px"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL35')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL35')" @click="qvxvan('VL35')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx"></image>
							<image v-else @click="xvanz1('VL35')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>-->
						<!--<view class="" v-if="yiyv1.includes('VL33')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL33')" @click="qvxvan('VL33')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx"></image>
							<image v-else @click="xvanz1('VL33')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL32')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx; padding: 0 2px"></image>
						</view>
						<view class="" v-else>
							<image
								v-if="xvanze1.includes('VL32')"
								@click="qvxvan('VL32')"
								src="/pagesA/static/xiaxvan.png"
								mode=""
								style="width: 28rpx; height: 40rpx; padding: 0 2px"
							></image>
							<image v-else @click="xvanz1('VL32')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx; padding: 0 2px"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL31')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL31')" @click="qvxvan('VL31')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx"></image>
							<image v-else @click="xvanz1('VL31')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>-->
						<view class="" v-if="yiyv1.includes('VL30')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL30')" @click="qvxvan('VL30')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx"></image>
							<image v-else @click="xvanz1('VL30')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL29')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx;"></image>
						</view>
						<view class="" v-else>
							<image
								v-if="xvanze1.includes('VL29')"
								@click="qvxvan('VL29')"
								src="/pagesA/static/xiaxvan.png"
								mode=""
								style="width: 28rpx; height: 40rpx;"
							></image>
							<image v-else @click="xvanz1('VL29')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx;"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL28')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL28')" @click="qvxvan('VL28')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
							<image v-else @click="xvanz1('VL28')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL27')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL27')" @click="qvxvan('VL27')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx"></image>
							<image v-else @click="xvanz1('VL27')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL26')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx; margin-left: 12rpx;"></image>
						</view>
						<view class="" v-else>
							<image
								v-if="xvanze1.includes('VL26')"
								@click="qvxvan('VL26')"
								src="/pagesA/static/xiaxvan.png"
								mode=""
								style="width: 28rpx; height: 40rpx; margin-left: 12rpx;"
							></image>
							<image v-else @click="xvanz1('VL26')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx; margin-left: 12rpx;"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL25')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL25')" @click="qvxvan('VL25')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
							<image v-else @click="xvanz1('VL25')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL23')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL23')" @click="qvxvan('VL23')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
							<image v-else @click="xvanz1('VL23')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL22')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL22')" @click="qvxvan('VL22')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx"></image>
							<image v-else @click="xvanz1('VL22')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL21')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL21')" @click="qvxvan('VL21')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
							<image v-else @click="xvanz1('VL21')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx;margin-left: 12rpx;"></image>
						</view>
						<view class="" v-if="yiyv1.includes('VL20')">
							<image src="/pagesA/static/yiyvding2xia.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
						<view class="" v-else>
							<image v-if="xvanze1.includes('VL20')" @click="qvxvan('VL20')" src="/pagesA/static/xiaxvan.png" mode="" style="width: 28rpx; height: 40rpx"></image>
							<image v-else @click="xvanz1('VL20')" src="/pagesA/static/xiawei.png" mode="" style="width: 28rpx; height: 40rpx"></image>
						</view>
					</view>
				</movable-view>
			</movable-area>
			<view class="" style="margin-top: 30rpx; position: relative; padding: 0 50rpx">
				<view class="flex1">
					<view class="">
						<view class="" style="font-weight: 400; font-size: 26rpx; color: #222222">未预定</view>
						<view class="flex1" style="margin-top: 27rpx">
							<view class="" style="width: 21rpx; height: 21rpx; border: 3px solid #8c1608"></view>
							<text style="margin-left: 8rpx; font-weight: 400; font-size: 24rpx; color: #8c1608">包厢</text>
						</view>
						<view class="flex1" style="margin-top: 27rpx">
							<view class="" style="width: 21rpx; height: 21rpx; border: 3px solid #dfd3c0"></view>
							<text style="margin-left: 8rpx; font-weight: 400; font-size: 24rpx; color: #dfd3c0">楼座</text>
						</view>
					</view>
					<view class="" style="margin-left: 60rpx">
						<view class="" style="font-weight: 400; font-size: 26rpx; color: #222222">已预定</view>
						<view class="flex1" style="margin-top: 27rpx">
							<view class="" style="width: 21rpx; height: 21rpx; border: 3px solid #888;background: #888;"></view>
							<text style="margin-left: 8rpx; font-weight: 400; font-size: 24rpx; color: #888">包厢-楼座</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="" :style="{ height: `${gao5}px` }"></view>
		<view class="di" style="" id="ggo5">
			<view class="" style="padding: 25rpx">
				<view class="between">
					<text style="font-weight: 400; font-size: 30rpx; color: #000000">{{title}}</text>
					<view class="flex" style="" @click="show551">
						<text style="font-weight: 400; font-size: 26rpx; color: #f4a134">切换时间</text>
						<image src="/pagesA/static/qie.png" mode="" style="width: 21rpx; height: 18rpx; padding: 0 20rpx"></image>
					</view>
				</view>
				<view class="" style="font-weight: 400; font-size: 26rpx; color: #888888; margin-top: 30rpx">就餐时间：{{ time_str }}</view>
				<view class="" style="font-weight: 400; font-size: 26rpx; color: #888888; margin-top: 30rpx; margin-bottom: 20rpx">座席/包厢数量：{{ xvanze1.length }}</view>
				<view class="flex" style="flex-wrap: wrap">
					<view v-for="(item, index) in xvanze1" :key="index" style="margin-right: 20rpx; margin-bottom: 20rpx">
						<view class="" style="background: rgba(244, 161, 52, 0.2); border-radius: 20rpx; border: 1px solid #f4a134">
							<view class="flex" style="padding: 6rpx">
								<text style="font-weight: 400; font-size: 22rpx; color: #f4a134">贵宾区{{ item }}</text>
								<text style="font-weight: 400; font-size: 22rpx; color: #f4a134" @click="qvxvan(item)">×</text>
							</view>
						</view>
					</view>
				</view>
				<view class="between" style="margin-top: 30rpx">
					<text style="font-weight: 400; font-size: 30rpx; color: #323232">应付金额：¥{{ price }}</text>
					<view class="" style="position: relative">
						<view class="" v-if="state.tel == ''">
							<button open-type="getPhoneNumber" @getphonenumber="getphonenumber" style="position: absolute; top: 0rpx; width: 100%; left: 0; opacity: 0">1</button>
						</view>
						<view class="center" style="width: 330rpx; height: 70rpx; background: #8c1608; border-radius: 35rpx" @click="yv">
							<view class="" style="font-weight: 400; font-size: 30rpx; color: #ffffff">立即预订</view>
						</view>
					</view>
				</view>
			</view>
			<view class="" style="height: env(safe-area-inset-bottom)"></view>
		</view>
	</view>
</template>

<script>
import { feastseatgetUnableSeat, feastseatgetSeatPrice, feastordercreateOrder, commoncommongetMobile } from '../../untils/api.js';
export default {
	data() {
		return {
			totalRectangles: Array(48).fill(0),
			totalRectangles1: Array(32).fill(0),
			totalRectangles2: Array(24).fill(0),
			radius: 0, // 圆的半径
			center: 0, // 圆心位置，即容器的中心
			gao: 0,
			width: 0,
			current: 0,
			yuanwidth: 48,
			yuangao: 32,
			id: '',
			time_str: '',
			yiyv1: [],
			xvanze1: [],
			gao5: 0,
			price: 0,
			show55: true,
			title:''
		};
	},
	onLoad(ops) {
		this.id = ops.id;
		this.time_str = ops.time_str;
		this.title = ops.title;
	},
	onShow() {
		this.xvanze1 = [];
		this.price = 0;
		this.qfeastseatgetUnableSeat();
		this.jisuan();
	},
	methods: {
		show551() {
			uni.navigateBack();
		},
		confirm55() {},
		async getphonenumber(e) {
			console.log(e);
			const data = await commoncommongetMobile({
				code: e.detail.code
			});
			this.$store.commit('ctel', data.data.tel);
		},
		async qfeastseatgetSeatPrice() {
			const data = await feastseatgetSeatPrice({ seat_no: this.xvanze1, time_str: this.time_str });
			this.price = data.data.price;
		},
		privateBoxClick(){
			console.log('123');
			uni.navigateTo({
				url: `/pagesA/privateBox/index`
			});
		},
		xvanz1(id) {
			this.xvanze1.push(id);
			this.$nextTick(() => {
				this.jisuan();
			});
			this.qfeastseatgetSeatPrice();
		},
		qvxvan(id) {
			let a = this.xvanze1.findIndex((item) => item == id);
			this.xvanze1.splice(a, 1);
			if (this.xvanze1.length > 0) {
				this.qfeastseatgetSeatPrice();
			} else {
				this.price = 0;
			}
		},
		async qfeastseatgetUnableSeat() {
			const data = await feastseatgetUnableSeat({
				time_str: this.time_str,
				category_id: this.id
			});
			console.log(data);
			this.yiyv1 = data.data.list;
		},
		cli(id) {
			console.log(id);
		},
		async yv() {
			if (this.xvanze1.length <= 0) {
				uni.showToast({
					icon: 'none',
					title: '请选择坐席',
					duration: 2000
				});
				return;
			}
			uni.showLoading({
				title: '加载中',
				mask: true
			});
			const data = await feastordercreateOrder({ seat_ids: this.xvanze1, time_str: this.time_str, category_id: Number(this.id) });
			if (data.code == 1) {
				uni.navigateTo({
					url: `/pagesB/yanxizhifumingxi/yanxizhifumingxi?zuo=${JSON.stringify(this.xvanze1)}&price=${this.price}&order_id=${data.data.order_id}&category_id=${Number(this.id)}&time_str=${this.time_str}`
				});
			}
		},
		sao() {
			uni.scanCode({
				success: function (res) {
					console.log('条码类型：' + res.scanType);
					console.log('条码内容：' + res.result);
				}
			});
		},

		dian(e) {
			// v-if="(index + 1) % 4 !== 0"
			console.log(e);
		},
		zheng() {
			this.radius = this.width / 2;
			this.center = this.width / 2;
			angle = (index * 360) / this.totalRectangles.length; // 每个长方形之间的角度
			x = this.radius * Math.cos((angle * Math.PI) / 180); // 计算X坐标
			y = this.radius * Math.sin((angle * Math.PI) / 180); // 计算Y坐标
			return {
				position: 'absolute',
				width: '48rpx', // 长方形的宽度
				height: '40rpx', // 长方形的高度
				top: `${this.center + y - 20}rpx`, // 使得长方形的中心位置调整为圆上
				left: `${this.center + x - 24}rpx`, // 使得长方形的中心位置调整为圆上
				transform: `rotate(${angle}deg) translateX(-50%)` // 每个长方形旋转一定角度
			};
		},
		jin() {
			this.radius = this.width / 2;
			this.center = this.width / 2;
			angle = (index * 360) / 60; // 每个长方形之间的角度
			x = this.radius * Math.cos((angle * Math.PI) / 180); // 计算X坐标
			y = this.radius * Math.sin((angle * Math.PI) / 180); // 计算Y坐标
			return {
				position: 'absolute',
				width: '24px', // 长方形的宽度
				height: '20px', // 长方形的高度
				top: `${this.center + y - 10}rpx`, // 使得长方形的中心位置调整为圆上
				left: `${this.center + x - 12}rpx`, // 使得长方形的中心位置调整为圆上
				transform: `rotate(${angle}deg) translateX(-50%)` // 每个长方形旋转一定角度
			};
		},
		song() {},
		// 根据索引计算每个长方形的位置和旋转角度
		getRectangleStyle(index) {
			let x = null;
			let y = null;
			let angle = null;
			let top = null;
			let left = null;

			this.radius = this.width / 2;
			this.center = this.width / 2;

			// 根据index确定不同的角度公式
			angle = (index * 40) / 7.2;
			/*if (index == 0) {
				angle = (index * 40) / 7;
			} else if (index == 1) {
				angle = (index * 40) / 7;
			} else if (index == 2) {
				angle = (index * 40) / 7;
			} else if (index == 3) {
				angle = (index * 40) / 7;
			} else if (index == 4) {
				angle = (index * 40) / 7;
			} else if (index == 5) {
				angle = (index * 40) / 7;
			}*/

			// 计算长方形的X、Y坐标
			x = this.radius * Math.cos((angle * Math.PI) / 180);
			y = this.radius * Math.sin((angle * Math.PI) / 180);

			// 根据计算的坐标调整top和left
			top = this.radius - (this.center + y - 16);
			left = this.radius - (this.center + x - 24);

			// 处理top和left的负值
			if (top <= 0) {
				top = Math.abs(top);
			} else {
				top = -top;
			}
			if (left <= 0) {
				left = Math.abs(left);
			} else {
				left = -left;
			}

			// 返回样式
			return {
				position: 'absolute',
				top: `${top}rpx`, // 使得长方形的中心位置调整为圆上
				left: `${left}rpx`, // 使得长方形的中心位置调整为圆上
				transform: `rotate(${angle}deg) translateX(-50%)` // 每个长方形旋转一定角度
			};
		},

		pxToRpx(pxValue) {
			// 获取设备的屏幕宽度
			const screenWidth = uni.getSystemInfoSync().screenWidth;

			// 根据设计稿宽度 750px 转换为 rpx
			const rpxValue = (pxValue * 750) / screenWidth;

			return rpxValue;
		},
		getRectangleStyle1(index) {
			this.radius = (this.width - 140) / 2;
			this.center = (this.width - 140) / 2;

			// 计算角度、x、y、top、left的通用方法
			const calculatePosition = (angleFactor) => {
				let angle = (index * 40) / angleFactor;
				let x = this.radius * Math.cos((angle * Math.PI) / 180);
				let y = this.radius * Math.sin((angle * Math.PI) / 180);
				let top = this.radius - (this.center + y - 16);
				let left = this.radius - (this.center + x - 24);

				// 处理top和left为正值
				top = top <= 0 ? Math.abs(top) : -top;
				left = left <= 0 ? Math.abs(left) : -left;

				return { angle, top, left };
			};

			let { angle, top, left } = calculatePosition(5.2);

			return {
				position: 'absolute',
				top: `${top}rpx`,
				left: `${left}rpx`,
				transform: `rotate(${angle}deg) translateX(-50%)`
			};
		},

		getRectangleStyle2(index) {
			this.radius = (this.width - 280) / 2;
			this.center = (this.width - 280) / 2;
			let top = null;
			let left = null;
			const angle = (index * 40) / 3.5; // 每个长方形之间的角度
			const x = this.radius * Math.cos((angle * Math.PI) / 180); // 计算X坐标
			const y = this.radius * Math.sin((angle * Math.PI) / 180); // 计算Y坐标
			top = this.radius - (this.center + y - 16);
			left = this.radius - (this.center + x - 24);
			if (top <= 0) {
				top = Math.abs(top);
			} else {
				top = -top;
			}
			if (left <= 0) {
				left = Math.abs(left);
			} else {
				left = -left;
			}
			return {
				position: 'absolute',
				// width: '48rpx', // 长方形的宽度
				// height: '32rpx', // 长方形的高度
				top: `${top}rpx`, // 使得长方形的中心位置调整为圆上
				left: `${left}rpx`, // 使得长方形的中心位置调整为圆上
				transform: `rotate(${angle}deg) translateX(-50%)` // 每个长方形旋转一定角度
			};
		},
		height(selector, callback) {
			uni.createSelectorQuery()
				.in(this) // 使用当前上下文
				.select(selector) // 选择器作为参数
				.boundingClientRect((res) => {
					if (res) {
						console.log(res); // 输出高度
						console.log(res.height); // 输出高度
						callback(res.height); // 调用回调函数
					} else {
						console.warn(`Element ${selector} not found`);
						callback(0); // 如果元素未找到，返回0或其他默认值
					}
				})
				.exec();
		},
		jisuan() {
			this.$nextTick(() => {
				const info = uni.getSystemInfoSync();
				console.log(info);
				this.width = this.pxToRpx(info.windowWidth) - 50;

				const ke = info.windowHeight;
				const di = info.safeAreaInsets.bottom;
				let dao = null;
				let tab = null;
				setTimeout(() => {
					this.height('#ggo', (h) => {
						this.gao = ke - h;
						this.gao1 = this.gao - this.tabg;
					});
					this.height('#ggo5', (h) => {
						this.gao5 = h;
					});
				});
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.di {
	position: fixed;
	bottom: 0;
	width: 100%;

	background: #ffffff;
	box-shadow: 0rpx 3rpx 15rpx 2rpx rgba(2, 2, 2, 0.15);
	border-radius: 20rpx 20rpx 0rpx 0rpx;
}
.y {
	position: absolute;
	border-radius: 50%;
	border: 1rpx solid #e2d6c3;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(10deg);
}
.yuan {
	position: absolute;
	border-radius: 50%;

	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(10deg);
	z-index: 999;
}
.wei {
	width: 50%;
	height: 60rpx;
	background: white;
	font-weight: 400;
	font-size: 30rpx;
	color: #8c1608;
}
.xvan {
	background: #8c1608 !important;
	color: #ffffff !important;
}
.circle-container {
	position: relative;
	border-radius: 50%;
	border: 1rpx solid #f0e8dc;
}
.rectangle {
	/* background-color: red; */
	border-radius: 50%;
}
.sl1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1;
}
.sl2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}
.beijing {
	overflow: hidden;
	padding: 0 25rpx;
}
.beijing1 {
	min-height: 100vh;
	background-color: #f0e8dc;
	//系统tabbar不要加注释掉
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: border-box;
}
	.rightBtm{
		position: absolute;
		right: -19rpx;
		bottom: 47rpx;
		transform: rotate(-20deg);
	}
	.leftBtm{
		position: absolute;
		left: -23rpx;
		bottom: 43rpx;
		transform: rotate(17deg);
	}
</style>
